* {
    margin: 0;
    padding: 0;
    list-style: none;
}
body{
    font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1",arial;
}
a {
    text-decoration: none;
}
.header {
    height: 42px;
    background: white;
}
.w {
    width: 1280px;
    margin: 0 auto;
}
.aa {
    width: 978px;
    height: 42px;
    background: white;
    margin: 0 auto;
}
.header .header-left {
    height: 40px;
    background: url(../images/ost-bg.png) no-repeat;
    width: 205px;
    float: left;
    padding: 0 15px 0 0;
    background-position: 0 -39px;
    position: relative;
    z-index: 10001;
}
.header .header-center{
    float: left;
    height: 40px;
}
.header .header-center li{
    float: left;
}
.header .header-center li img{
    width: 190px;
    height: 40px;
}
.header .right{
    height: 42px;
    float: right;
}
.header .right ul img{
    float: left;
    margin-right: 2px;
    margin-top: 13px;
}
.header .right ul li{
    float: left;
    line-height: 42px;
}
.header .right ul li:nth-child(1){
    margin-right: 27px;
}
.header .right ul a{
    font-size: 13px;
    color: #000;
}
.header .right ul a:hover{
    color: orangered;
}
.header .right ul li:nth-child(2){
    background: url(../images/ost-bg.png) no-repeat;
}
.header .right .an{
    width: 11px;
    height: 11px;
    background-position: -150px -134px;
    margin-left: 5px;
}
.header .right ul i{
    float: right;
    margin-top: 4px;
    margin-left: 5px;
}
/*--------------------------main------------------------*/
.main{
    width: 100%;
    background:#E6ECEA url(../images/index0311.jpg) no-repeat 50% 0;
    height: 1868px;
}
.main .aboust{
    height: 380px;
    position: relative;
}
.main .aboust .logo{
    width: 197px;
    height: 70px;
    position: absolute;
    top: 28px;
    background: url(../images/nav-copy.png) no-repeat;
    background-position: 0 0;
}
.main .aboust .logo a{
    display: block;
    height: 100%;
    text-indent: -9999px;
}
.main .aboust .slide{
    height: 208px;
    float: right;
    margin-top: 45px;
}
.main .aboust .slide ul{
    width: 100px;
    float: left;
    margin-right: 2px;
}
.main .aboust .slide ul li{
    line-height: 21px;
}
.main .aboust .slide ul li a{
    color: #525252;
    font-size: 13px;
}
.main .aboust .slide ul ld img{
    margin-bottom: 6px;
}
.main .aboust .slide ul li a:hover{
    color: #01b8a9;
}
.main .list{
    height: 300px;
}
.main .list .list-left{
    width: 186px;
    height: 300px;
    background-color: #199d80;
    float: left;
}
.main .list .list-left ul div{
    height: 115px;
    text-align: center;
    background: url(../images/spr-icon.png) no-repeat;
    background-color: #2fc3a2;
    background-position: 50% -355px;
}
.main .list .list-left ul div title{
    display: block;
    color: #fff;
    font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1",arial;
    font-size: 23px;
    font-weight: 900;
    text-align: center;
    padding-top: 32px;
}
.main .list .list-left ul div span{
    color: #1d997e;
    font-size: 14px;
    font-family: arial;
}
.main .list .list-left ul li{
    width: 186px;
    height: 60px;
    line-height: 62px;
    text-align: center;
    border-bottom: 1px solid #26ae90;
}
.main .list .list-left ul li a:hover{
    width: 100%;
    background: #2d8672;
}

.main .list .list-left ul li:last-child{
	border: 0px;
}
.main .list .list-left ul li a{
    color: #fff;
    display: block;
    width: 186px;
}
.main .list .list-left ul li a i{
    margin-right: 10px;
}
.main .list .list-left ul li a i img{
    margin-bottom: -4px;
    margin-right: 4px;
}
.main .list .lunbo{
    float: left;
    margin-left: 15px;
    position: relative;
}
.main .list .lunbo .top{
    width: 150px;
    height: 28px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 13px;
    background: #2fc3a3;
}
.main .list .lunbo .top li{
    float: left;
    width: 75px;
    text-align: center;
    line-height: 28px;
}
.main .list .lunbo .top li:first-child{
    background: #2fc3a3;
    color: #F1EAEA;
}
.main .list .lunbo .top li:last-child{
    background: #4E4848;
}
.main .list .lunbo .top li a{
    color: #848484;
}
.main .list .lunbo .bottom{
    position: absolute;
    bottom: 5px;
    height: 36px;
    background-color: rgba(56,56,56,.9);
    width: 100%;
}
.main .list .lunbo .bottom span{
    float: left;
    line-height: 36px;
    margin-right: 1px;
}
.main .list .lunbo .bottom span a{
    padding: 10px 20px;
    font-size: 12px;
    color: #979696;
}
.main .list .lunbo .bottom span a:hover{
    color: #fff;
}
.main .list .lunbo .bottom span:hover{
    background-color: #2fc3a3;
}
.main .list .right{
    float: right;
    background: #fff;
    height: 300px;
    width: 265px;
}
.main .list .right h2{
    background: url(../images/spr-icon.png) no-repeat;
    background-position: -134px 3px;
    padding: 0 0 0 40px;
    font-size: 14px;
    margin: 25px 20px 10px;
    color: #3a3a3a;
    line-height: 100%;
    font-weight: normal;
}
.main .list .right h2 p{
    font-size: 18px;
    color: #2fc3a3;
    font-weight: bold;
    line-height: 23px;
}
.main .list .right nav{
    height: 101px;
    margin-left: 17px;
}
.main .list .right nav img{
    width: 228px;
}
.main .list .right nav img:hover{
    border: 1px solid #D6D6D6;
}
.main .list .right ul{
    height: 106px;
    width: 215px;
    margin: 0 auto;
    margin-top: 10px;
}
.main .list .right ul li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 24px;
}
.main .list .right ul li a{
    color: #767676;
}
.main .list .right ul li a:hover{
    color: #2fc3a2;
}
.main .among{
    height: 300px;
    margin-top: 15px;
}
.main .among .left{
    width: 186px;
    height: 300px;
    background: url(../images/bg-home2.jpg) no-repeat;
    float: left;
}
.main .among .left ul li{
    float: left;
    width: 93px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    transition: all 1s;
}
.main .among .left ul li a{
    color: #c7c7c7;
    display: block;
    height: 100px;
}
.main .among .left ul li img{
    margin-top: 15px;
    transition: all 0.7s;
}
.main .among .left ul li p{
    transition: all 0.7s;
}
.main .among .left ul li:hover{
    background-color: #cfae69;
}
.main .among .left ul li:hover img{
    transform: translateY(-60px);
}
.main .among .left ul li:hover p{
    margin-top: -20px;
    color: #fff;
}
.main .aa{
    width: 393px;
    height: 300px;
    float: left;
    background: #fff;
    margin-left: 15px;
}
.main .aa .top{
    width: 353px;
    height: 43px; 
    margin: 0 auto;
    margin-top: 15px;
    border-bottom: 1px solid #B9C1C1; 
}
.main .aa .top li{
    float: left;
    width: 50px;
    height: 43px;
    line-height: 43px;
    text-align: center;
}
.main .aa .top li:first-child{
    border-bottom: 1px solid #2fc3a2;
}
.main .aa .top li:last-child{
    float: right;
}
.main .aa .top li a{
    color: #414242;
}
.main .aa .top li a:hover{
    color: #2fc3a2;
}
.main .aa .top li:first-child a{
    color: #2fc3a2;
}
.main .aa .top li:last-child a{
    color: #B9C1C1;
}
.main .aa .top li:last-child a:hover{
    color: #2fc3a2;
}
.main .aa .bottom{
    width: 353px;
    height: 200px;
    margin: 0 auto;
    margin-top: 18px;
}
.main .aa .bottom .ac{
    font-size: 13px;
}
.main .aa .bottom .ac li{
    line-height: 25px;
    color: #505050;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main .aa .bottom .ac li a{
    margin-left: 5px;
    color: #3A3838;
}
.main .aa .bottom .ac li a:hover{
    color: #2FC3A2;
}
.main .aa .bottom .ac li i{
    font-style: normal;
}
.main .aa .bottom .ac li i a{
    color: #767676;
}
.main .aa .bottom .ac li span{
    float: right;
    margin-right: 5px;
}
.main .aa .bottom .ac li span a{
    color: #b1b1b1;
}
.main .bb{
    width: 391px;
    height: 300px;
    float: left;
    margin-left: 15px;
}
.main .bb .bottom .left{
    background: url(../images/bg-home2.jpg) no-repeat;
    background-position: 100% 0;
    margin: 11px 15px 0 0;
    width: 189px;
    height: 142px;
    background-color: #fff;
}
.main .bb .bottom .left h2,.main .bb .bottom .right h2{
    color: #cfae69;
    font-size: 22px;
    padding: 15px 0 0 20px;
}
.main .bb .bottom .left p,.main .bb .bottom .right p{
    margin: 5px 0 0;
    color: #777676;
    line-height: 130%;
    padding: 0 0 0 20px;
    font-size: 12px;
}
.main .bb .bottom .right{
    background: url(../images/bg-home2.jpg) no-repeat;
    width: 189px;
    height: 142px;
    background-color: #fff;
    background-position: 100% 100%;
    float: right;
    margin-top: -142px;
}
.main .cc{
    width: 265px;
    height: 300px;
    background:url(../images/bg-home2.jpg) no-repeat;
    float: right;
    background-color: #f0f3f8;
    background-position: -186px 100%;
}
.main .cc .top{
    height: 23px;
    margin-top: 15px;
    margin-left: 15px;
}
.main .cc .iq{
    background: url(../images/role-9.png);
    bottom: 23px;
    height: 266px;
    width: 165px;
    background-repeat: no-repeat;
    float: right;
    margin-top: -4px;
}
.main .cc .ii{
    margin-left: 15px;
    margin-top: 20px;
    width: 168px;
    height: 239px;
}
.main .cc .ii h3{
    font-size: 42px;
    color: #2fc3a2;
    font-weight: bold;
    line-height: 130%;
}
.main .cc .ii .l{
    font-size: 12px;
    color: #5d5d5d;
    position: absolute;
    width: 150px;
}
.main .cc .ii .a{
    height: 36px;
    margin-bottom: 10px;
}
.main .cc .ii .a li{
    margin-top: 45px;
}
.main .cc .ii a{
    color: #5d5d5d;
    font-size: 12px;
}
.main .cc .ii .b{
    margin-top: 10px;
}
.main .cc .ii .b b{
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin: 0 0 3px;
    color: #5d5d5d;
}
.main .cc ul i{
    width: 10px;
    height: 10px;
    background: #ff8f17;
    border-color: #ff8f17;
    display: block;
    float: left;
    transform: rotateZ(45deg);
    margin: 0 4px 0 2px;
}
.main .cc ul i:nth-child(4),.main .cc ul i:nth-child(5){
    background-color: #eeeceb;
    border: 1px solid #c3c3c3;
}
.main .cc .c{
    width: 68px;
    font-size: 12px;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    padding-top: 10px;
}
.main .cc .c a{
    width: 68px;
    color: #fff;
    padding: 5px 0px;
    text-align: center;
    display: inline-block;
}
.main .cc .c li{
    float: left;
    border-radius: 15px;
}
.main .cc .c li:last-child{
    margin-left: 95px;
    margin-top: -27px;
}
.main .cc .c li:first-child{
    background-color: #2fc3a2;
}
.main .cc .c li:last-child{
    background-color: #2d2d2d;
    margin-left: 80px;
}
.main .banner{
    margin-top: 15px;
    height: 805px;
}
.main .banner .left {
    width: 186px;
    height: 780px;
    background: #3a3a3a;
    float: left;
}
.main .banner .left .am{
    width: 156px;
    height: 378px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.main .banner .left .am li{
    width: 156px;
    height: 42px;
    line-height: 41px;
    border-bottom: 1px solid #474747;
}
.main .banner .left .am li img{
    margin-right: 11px;
}
.main .banner .left .am li a{
    color: #d4d4d4;
    height: 100%;
    text-align: center;
    text-indent: 35px;
}
.main .banner .left .am li i{
    background: url(../images/img.png.png) no-repeat;
    background-position: -68px 0px;
    position: relative;
    top: 3px;
    left: 0px;
    margin-right: 10px;
    display: inline-block;
    width: 27px;
    height: 27px;
}
.main .banner .left .am li:nth-child(2) i{
    background: url(../images/img.png.png) no-repeat;
    width: 28px;
    height: 21px;
    background-position: -40px -44px;
    position: relative;
    top: 3px;
    left: -7px;
    margin-right: 10px;
}
.main .banner .left .am li:nth-child(3) i{
    background: url(../images/img.png.png) no-repeat;
    width: 27px;
    height: 15px;
    background-position: -40px -27px;
    position: relative;
    top: 3px;
    left: -7px;
    margin-right: 10px;
}
.main .banner .left .am li:nth-child(4) i{
    background: url(../images/img.png.png) no-repeat;
    width: 16px;
    height: 26px;
    background-position: -40px 0px;
    position: relative;
    top: 6px;
    left: -3px;
    margin-right: 20px;
}
.main .banner .left .am li:nth-child(5) i{
    background: url(../images/img.png.png) no-repeat;
    width: 26px;
    height: 20px;
    background-position: -176px 0px;
    position: relative;
    top: 6px;
    left: -8px;
    margin-right: 10px;
}
.main .banner .left .am li:nth-child(6) i{
    background: url(../images/img.png.png) no-repeat;
    width: 26px;
    height: 20px;
    background-position: -148px 0px;
    position: relative;
    top: 6px;
    left: 0px;
    margin-right: 10px;
}
.main .banner .left .am li:nth-child(7) i{
    background: url(../images/img.png.png) no-repeat;
    width: 22px;
    height: 21px;
    background-position: -124px 0px;
    position: relative;
    top: 6px;
    left: 3px;
    margin-right: 15px;
}
.main .banner .left .am li:nth-child(8) i{
    background: url(../images/img.png.png) no-repeat;
    width: 18px;
    height: 21px;
    background-position: -71px -44px;
    position: relative;
    top: 6px;
    left: 3px;
    margin-right: 15px;
}
.main .banner .left .am li:nth-child(9) i{
    background: url(../images/img.png.png) no-repeat;
    width: 22px;
    height: 22px;
    background-position: -100px 0px;
    position: relative;
    top: 6px;
    left: 3px;
    margin-right: 15px;
}
.main .banner .left .al{
    width: 156px;
    height: 160px;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
}
.main .banner .left .al span{
    float: left;
    color: #676767;
    width: 1px;
    padding: 0px 10px;
}
.main .banner .left .al li{
    float: left;
    margin-left: 10px;
}
.main .banner .left .al li:last-child{
    float: right;
}
.main .banner .left .al li:last-child a{
    color: #676767;
}
.left .al li a{
    color: #fff;
}
.main .banner .left .al img{
    width: 130px;
    height: 130px;
    margin-top: 15px;
}
.main .banner .parentr{
    width: 156px;
    height: 150px;
    margin: 0 auto;
    margin-top: 25px;
}
.main .banner .parentr .part{
    width: 146px;
    height: 100px;
    float: right;
}
.main .banner .parentr li{
    float: left;
    background: rgba(95,95,95,.5);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-right: 13px;
    margin-top: 15px;
}
.main .banner .parentr li img{
    opacity: .5;
}
.main .banner .parentr li img:hover{
    opacity: 1;
}
.main .banner .center{
    width: 799px;
    height: 299px;
    background: #fff;
    float: left;
    margin-left: 15px;
}
.main .banner .center .center-left{
    width: 392px;
    height: 299px;
    float: left;
}
.main .banner .center .center-left .yi{
    width: 352px;
    height: 299px;
    margin: 0 auto;
}
.main .banner .center .center-left h3{
    font-size: 16px;
    color: #2fc3a2;
    font-weight: bold;
    padding-top: 25px;
}
.center-left h3 a{
    font-size: 13px;
    font-weight: 100;
    color: #888888;
}
.center-left h3 a:first-child{
    margin-left: 160px;
}
.center-left h3 a:first-child i{
    display: inline-block;
    width: 11px;
    height: 10px;
    background: url("../images/spr-icon%20(1).png");
    background-position: 0px -183px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 15px;
}
.main .center .center-left .salide{
    margin-top: 18px;
    width: 364px;
    height: 110px;
}
.main .center .center-left .salide li{
    width: 170px;
    height: 110px;
    float: left;
    margin-right: 12px;
}
.main .center .center-left .ww{
    margin-top: 15px;
}
.main .center .center-left .ww li a{
    color: #505050;
}
.main .center .center-left .ww span{
    float: right;
}
.main .center .center-right{
    width: 407px;
    height: 299px;
    float: left;
}
.main .banner .center .top{
    height: 299px;
}
.main .center .center-right .one{
    background: url(../images/fanstab.jpg) no-repeat;
    float: left;
    width: 68px;
    height: 100%;
}
.main .center .center-right .two{
    background: url(../images/fanstab.jpg) no-repeat;
    float: left;
    width: 68px;
    height: 100%;
    background-position: -340px 0;
}
.main .center .center-right .three{
    background: url(../images/fanstab.jpg) no-repeat;
    background-position: -136px 0;
    float: left;
    width: 68px;
    height: 100%;
}
.main .center .center-right .four{
    background: url(../images/fanstab.jpg) no-repeat;
    background-position: -204px 0;
    float: left;
    width: 68px;
    height: 100%;
}
.main .center .center-right .five{
    background: url(../images/fanstab.jpg) no-repeat;
    background-position: -68px 0;
    float: left;
    width: 68px;
    height: 100%;
}
.main .center .center-right .six{
    background: url(../images/fanstab.jpg) no-repeat;
    background-position: -272px 0;
    float: left;
    width: 67px;
    height: 100%;
}
.main .nav{
    width: 1079px;
    height: 299px;
    margin-top: 15px;
}
.main .nav .nav-one,.main .nav .nav-two{
    width: 392px;
    height: 100%;
    background-color: #fff;
    float: left;
}
.main .nav .nav-two{
    margin-left: 15px;
}
.main .nav .nav-one .top,.main .nav .nav-two .top{
    width: 356px;
    height: 43px;
    margin: 0 auto;
    line-height: 43px;
    margin-top: 15px;
}
.main .nav .nav-one .top h3,.main .nav .nav-two .top h3{
    float: left;
    width: 52px;
    height: 43px;
    color: #2fc3a2;
}
.main .nav .nav-one .top li,.main .nav .nav-two .top li{
    float: left;
    width: 50px;
    text-align: center;
}
.main .nav .nav-one .top li:first-child{
    border-bottom: 1px solid #ff8f17;
}
.main .nav .nav-one .top li a,.main .nav .nav-two .top li a{
    color: #414242;
}
.main .nav .nav-one .top li:first-child a{
    color: #ff8f17;
}
.main .nav .nav-one .bottom li a:hover,.main .nav .nav-two .bottom li a:hover{
    color: #2FC3A2;
}
.main .nav .nav-one .top li:last-child,.main .nav .nav-two .top li:last-child{
    float: right;
}
.main .nav .nav-one .bottom,.main .nav .nav-two .bottom{
    width: 356px;
    height: 223px;
    margin: 0 auto;
    border-top: 1px solid #e4eae9;
    padding-top: 17px;
}
.main .nav .nav-one a:hover{
    color: #2FC3A2;
}
.main .nav .nav-one .bottom li,.main .nav .nav-two .bottom li{
    line-height: 25px;
}
.main .nav .nav-one .bottom li a,.main .nav .nav-two .bottom li a{
    color: #505050;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.main .nav .nav-one .bottom span a,.main .nav .nav-two .bottom span a{
    float: right;
    color: #b1b1b1;
}
.nav-one .top .i,.nav-two .top .i{
    border-bottom: 1px solid #ff8f17;
}
#n{
    color: #ff8f17;
}
.main .banner .right{
    width: 265px;
    height: 299px;
    float: right;
    text-align: center;
}
.main .banner .right .top,.main .banner .right .bottom{
    width: 265px;
    height: 142px;
}
.main .banner .right .bottom{
    margin-top: 15px;
}
.main .banner .right .top .a,.main .banner .right .top .b,.main .banner .right .bottom .c,.main .banner .right .bottom .d{
    width: 125px;
    height: 142px;
    background: #2fc3a3;
    float: left;
    overflow: hidden;
    transition: all 1s;
}
.main .banner .right .top .b,.main .banner .right .bottom .d{
    float: right;
}
.main .banner .right img{
    margin-top: 29px;
    transition: all 0.7s;
}
.main .banner .right p{
    margin-top: 10px;
    height: 52px;
    transition: all 0.7s;
}
.main .banner .right p a{
    font-size: 16px;
    color: #fff;
}
.main .banner .right .a:hover img,.main .banner .right .b:hover img,.main .banner .right .c:hover img,.main .banner .right .d:hover img{
    transform: translateY(-90px);
}
.main .banner .right .a:hover p,.main .banner .right .b:hover p,.main .banner .right .c:hover p,.main .banner .right .d:hover p{
    margin-top: -20px;
}
.main .banner .list{
    float: right;
    margin-top: 15px;
    height: 299px;
}
.main .banner .last{
    width: 818px;
    height: 150px;
    margin-top: 15px;    
}
.main .banner .last li{
    float: left;
    margin-right: 15px;
}
.main .banner .right .al{
    float: right;
    display: block;
    margin-top: 300px;
}
/*---------------footer-----------------*/
.footer{
    height: 261px;
}
.footer-top{
    text-align:center;
    background: #1e2628;
    overflow: hidden;
    padding: 8px 0;
}
.footer-top p{
    color: #4f5f5f;
}
.footer-top span{
    color: #ca2b00;
}
.footer-bottom{
    background-color: black;
    overflow:hidden;
    padding: 60px 0;
}
.footer-bottom p{
    color: #494949;
}
.foot{
    float: right;
    margin-top: -25px;
    width: 645px;
    font-size: 12px;
}

.footer p{
    font-size: 13px;
}
.footer-a{
    float: left;
    margin-left: 52px;
    margin-top: 25px;
}
.footer-a li{
    float: left;
}
.footer-a a{
    padding: 15px 132px;
    background-image: url(../images/nav-copy.png);
    background-position: -1523px -7px;
    background-repeat: no-repeat;
    
}
.footer-b li a{
    font-size: 13px;
    color: #494949;
}
.footer-b li{
    float: left;
    color: dimgrey;
    line-height: 25px;
}


